<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>用户管理</title>
<script language="javascript" type="text/javascript" src="/bfs/common/scripts/dynamicImportJs.js"></script>
<script>
    load([ "jquery-1.11.2","bootstrap", "easyUI-1.4.5", "formater-2.10.6", "blockui-2.70.0","permission", "knockout-3.3.0",  "datepicker", "basicCommon","sm3", "validate"]);
</script>
<style>
.datetimepicker{
	z-index:9999 !important;
}
.form_date {
    width: 170px !important;
}
.panel-title {
    font-size: 12px !important;
}
</style>
</head>
<body class="bfsbody">
	<script>
        //加载本页面的类    
        importScript("scripts/userInfo.js");
    </script>
	<div class="n-main">
		<div class="n-content n-boxsd marlf5" id="n-chart">
			<div class="n-dttitle n-boxsd wdth">
				<strong> <span>用户名称：</span>
				</strong>
				<input class="easyui-textbox" id="searchUserName" />
				<input id="searchUser" class="n-cmbtn n-gr marlf10" value="查询" type="button" onclick="userInfo.loadData()" />
				<div style="float: right;margin-right: 15px;">
					<a href="#" class="easyui-linkbutton" id="add" data-options="iconCls:'icon-addUser',plain:'true',size:'large',iconAlign:'left'">添加</a>
					<a href="#" class="easyui-linkbutton" id="deletes" data-options="iconCls:'icon-deleteUser',plain:'true',size:'large',iconAlign:'left'">批量删除</a>
				</div>
			</div>
			<div class="right-content n-boxsd" style="margin-top: 8px;">
				<div class="list">
					<div id="listDataEx1" style="width: 100%;"></div>
				</div>
				<div class="nolist" style="display: none;">
				<div class="nolist-content">
					<div class="nolist-con"></div>
					<span>对不起，系统无相关记录...</span>
					</div>
				</div>
			</div>
		</div>

		<!-- 对话框开始 -->

		<div id="createUserDiv" class="easyui-window" style="width: 640px; " title="新增用户" minimizable="false" modal="true" collapsible="false" resizable="false" maximizable="false"
			closed="true">
			<div class="window-div">
				<form method="POST" id="createUserForm">
					<table class="window-table" style="table-layout: fixed;margin-left: 5px;">
						<tr class="window-tr">
							<td style="width: 100px;">用户真实姓名：</td>
							<td style="width: 170px">
								<input class="easyui-textbox" name="username" data-options="required:true,validType:'maxLength[50]'" style="width: 170px"></input>
							</td>
							<td style="width: 100px;padding-left: 10px;">用户登录名称：</td>
							<td style="width: 170px" >
								<input id="addLoginName" class="easyui-textbox" name="loginname" data-options="required:true,validType:'maxLength[50]'" style="width: 170px"></input>
							</td>
						</tr>
						<tr class="window-tr">
							<td>用户登录密码：</td>
							<td>
								<input id="loginPW" class="easyui-textbox" name="loginpw" type="password" data-options="required:true,validType:['#loginpw','password']" style="width: 170px"></input>
							</td>
							<td style="padding-left: 10px;">确认登录密码：</td>
							<td>
								<input class="easyui-textbox" id="confirmPW" name="confirmPW" type="password" data-options="required:true" validType="equalTo['#loginPW']" invalidMessage="两次输入密码不匹配" style="width: 170px"></input>
							</td>
						</tr>
						<tr class="window-tr">
							<td>用户邮箱：</td>
							<td>
								<input class="easyui-textbox" name="email" data-options="validType:'email'" style="width: 170px"></input>
							</td>
							<td style="padding-left: 10px;">用户手机：</td>
							<td>
								<input id="tel" class="easyui-textbox" name="tel" data-options="validType:'mobile'" style="width: 170px"></input>
							</td>
						</tr>
						<tr class="window-tr">
							<td>用户所属部门：</td>
							<td>
								<input id="userDeptId" name="deptid" style="width: 170px" data-options="required:true"></input>
							</td>
							<td style="padding-left: 10px;">身份过期时间：</td>
							<td>
								<div class="input-group date form_date col-md-5" style="float: left;" id="txtinvalidtime" data-date="" data-date-format="yyyy-mm-dd" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">
								<input class="form-control" size="16" type="text" value=""  id="invalidtime" name="invalidtime">
								<span class="input-group-addon"><span class="glyphicon glyphicon-th"></span></span>
								</div> 
								<!-- <input id="invalidTime" class="easyui-datebox"name="invalidtime" style="width: 170px" ></input> -->
							</td>
						</tr>
						<tr class="window-tr">
							<td>状态：</td>
							<td colspan="3">
								<input type="radio" name="ustatus" value="0" />
								禁用
								<input type="radio" name="ustatus" value="1" checked="checked" />
								启用
							</td>
						</tr>
						<tr>
							<td colspan="4">
								<div id="userAddRoleId" name="roleId" style="width: 100%; height: 150px;"></div>
							</td>
						</tr>
					</table>
				</form>
				<div class="op-btn">
					<input id="submitCreateUser" class="n-cmbtn n-gr marlf20" value="保存" type="button"/>
					<input id="cancelCreateUser" class="n-cmbtn btn-border marlf20" value="取消" type="button" />
				</div>
			</div>
		</div>


		<div id="editUserDiv" class="easyui-window" style="width: 640px;" title="修改用户" minimizable="false" modal="true" collapsible="false" resizable="false" maximizable="false" closed="true">
			<div class="window-div">
				<form method="POST" id="editUserForm">
					<input type="hidden" name="userid" id="userEditUserId">
					<table class="window-table" style="table-layout: fixed;margin-left: 5px;">
						<tr class="window-tr">
							<td style="width: 100px;">用户真实姓名：</td>
							<td style="width: 170px;">
								<input class="easyui-textbox" name="username" data-options="required:true,validType:'maxLength[50]'" style="width: 170px"></input>
							</td>
							<td style="width: 100px;padding-left: 10px;">用户登录名：</td>
							<td style="width: 170px;">
								<input id="editLoginName" class="easyui-textbox" readonly="true" name="loginname" data-options="required:true" style="width: 170px"></input>
							</td>
						</tr>
						<tr class="window-tr">
							<td>用户邮箱：</td>
							<td>
								<input class="easyui-textbox" name="email" data-options="validType:'email'" style="width: 170px"></input>
							</td>
							<td style="padding-left: 10px;">用户手机：</td>
							<td>
								<input id="tel" class="easyui-textbox" name="tel" data-options="validType:'mobile'" style="width: 170px"></input>
							</td>
						</tr>
						<tr class="window-tr">
							<td>用户所属部门：</td>
							<td>
								<input id="userEditDeptId" name="deptid" style="width: 170px" data-options="required:true"></input>
							</td>
							<td style="padding-left: 10px;">身份过期时间：</td>
							<td>
								<div class="input-group date form_date col-md-5" style="float: left;" id="txtinvalidtime" data-date="" data-date-format="yyyy-mm-dd" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">
								<input class="form-control" size="16" type="text" value=""  id="invalidtime" name="invalidtime">
								<span class="input-group-addon"><span class="glyphicon glyphicon-th"></span></span>
								</div> 

								<!-- <input id="invalidEditTime" class="easyui-datebox" name="invalidtime" style="width: 170px" ></input> -->
							</td>
						</tr>
						<tr class="window-tr">
							<td>状态：</td>
							<td colspan="3">
								<input type="radio" name="ustatus" value="0" />
								禁用
								<input type="radio" name="ustatus" value="1" />
								启用
							</td>
						</tr>
						<tr>
							<td colspan="4">
								<div id="userEditRoleId" name="roleId" style="width: 100%; height: 150px;"></div>
							</td>
						</tr>
					</table>
				</form>
				<div class="op-btn">
					<input id="submitEditUser" class="n-cmbtn n-gr marlf20" value="保存" type="button"/>
					<input id="cancelEditUser" class="n-cmbtn btn-border marlf20" value="取消" type="button" />
				</div>
			</div>
		</div>

	</div>
</body>
</html>